<!--
 * @Author: LBH 1336709799@qq.com
 * @Date: 2024-11-17 16:09:49
 * @LastEditors: LBH 1336709799@qq.com
 * @LastEditTime: 2024-11-17 16:32:42
 * @FilePath: \找房子\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <div id="app" class="tab">
      <router-link to="/home">首页</router-link>
      <router-link to="/find">找房</router-link>
      <router-link to="/zixun">资讯</router-link>
      <router-link to="/user">我的</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {},
  data() {
    return {
    }
  }
}
</script>
<style scoped>
.tab {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: #ffffff;
  border-top: 1px solid #eaeaea;
  padding: 10px 0;
}
a {
  text-decoration: none; /* 去除默认的下划线样式 */
  color: inherit;
}
a.router-link-active {
  color: #f19a0d;
}
</style>